﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

	<title>Producer</title>
	
	<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/chili-1.7.pack.js"></script>
	<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.1.1.js"></script>
	
</head>

<body>
<div id="header">
	<div id="header_bar">
		<div id="logo">
			<a href="#"></a>
		</div>
		
		<div id="navigation">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li class="active"><a href="contact.html">contact</a></li>
			</ul>
		</div>
	</div>
</div>

<div id="subpage_header">
	<div id="subpage_bg" style="background: url('images/services_bg.jpg') no-repeat center center;">
		<div class="subpage_center">
			<div id="breadcrumbs">
				<a href="#">home</a> \
			</div>
			<div id="subpage_heading">
				<h2>Contact Overview</h2>
			</div>
		</div>
	</div>	
</div>

<div id="subpage_main">
	<div id="content_bar">
		<div id="content_nav">
			<ul id="main_content_slider">
				<li><a href="#" class="activeSlide">Overview</a></li>
				<li><a href="#">Website Quote</a></li>
				<li><a href="#">Directions</a></li>
				<li><a href="#">Careers</a></li>
			</ul>
		</div>
		<div id="search">
			<form action="test.php" method="post">
                <input onblur="if(this.value == '') this.value='Search' ;" onfocus="if(this.value == 'Search') this.value='';" value="Search" type="text" />
            </form>
		</div>
	</div>
	<div id="content">
		<div id="content_left">
			
		

				<div id="subpage">
					
					<div id="subpage_content">
						
						<div id="contact-wrapper" class="rounded">  
							<div id="contact-wrapper-inner" class="rounded">
							     <form method="post" action="contact.php" id="contactform">  
							         <div class="contact-left">  
							             <label for="name"><strong>Name:</strong></label>  
							             <input type="text" name="contactname" id="contactname" value="" style="width: 230px;" />  
							         </div>  
							   
							         <div class="contact-left">  
							             <label for="email"><strong>Email:</strong></label>  
							             <input type="text" name="email" id="email" value="" style="width: 230px;" />  
							         </div>  
							   
							         <div class="contact-left">  
							             <label for="message"><strong>Message:</strong></label>  
							             <textarea name="message" id="message" style="width: 230px; height: 100px;"></textarea>  
							         </div>  
							         
							         <div class="contact-left" style="margin-top: 10px;">
							         	<input type="submit" value="Send Message" name="submit" class="rounded" style="border-left: 1px solid #E8E8E8; font-size: 12px; color: #555;" /> 
							         </div> 
							     </form>
							     <div id="contact_info">
							     	<h3>producer</h3>
							     	<h4>creative solutions. quality results.</h4>
							     	<p>3000 Creative Circle<br />
							     	   Minneapolis, Minnesota 53344
							     	</p>
							     	<p>
							     		<span>Phone</span> - 605-605-6060<br />
							     		<span>Email</span> - info@email.com
							     	</p>
							     	<p>Feel free to drop us an email, or even stop by our office.  We love it when people stop by to say hello, and we always welcome visitors!</p>
							     	<p><a href="#">Request a Quote</a></p>
							     </div>
						     </div>
						 </div>
						 
						 <div id="contact-info">
						 
						 </div>
					</div>
				</div><!-- end subpage -->
					
		</div>
		
		<div id="sidebar">
			<h3>What's Next?</h3>
			<a href="#" class="quote">Request a free online quote</a>
			<a href="#" class="contact">Contact us with any questions</a>
			<div id="featured_testimonial"><a href="#"></a></div>
			<div id="sidebar_testimonial">
				<p>Vivamus dui felis, tempor et aliquam elementum, mollis a urna. Proin vitae erat turpis, in tempus felis. Vestibulum lacinia mi et odio pharetra suscipit. Praesent arcu nisl, imperdiet vel euismod eget, rutrum sit amet massa.</p>
				<span class="person">Ben Reeger, MN</span>
				<span class="company">Reeger Co.</span>
			</div>
		</div>
	</div>
	<div id="content_bottom"></div>
	
	<div id="subpage_linkbox">
		
		<div id="subpage_wrap">	
			<div id="subpage_links_top"></div>
				<div id="subpage_links">
					<div class="subpage_link_box">
						<h4>Popular Services</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>Recent Articles</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
					<div class="subpage_link_box">
						<h4>New in the Portfolio</h4>

						<ul>
							<li><a href="#">Phalleus volutplat, Vesus</a></li>
							<li><a href="#">Maecenas posuere est</a></li>
							<li><a href="#">Pellentesque porttitor purus</a></li>
						</ul>
					</div>
				</div>
			<div id="subpage_links_bottom"></div>
		</div>
			
		<div id="advert">
			<a href="#"><img src="images/sample_ad.jpg" alt="advert" /></a>
		</div>
		
	</div>
	
	<div id="footer">
		<div class="copyright">
			Copyright &copy; 2009 Producer Inc. All rights reserved.Collect from
			<a href="#">Terms of Use</a> |
			<a href="#">Privacy Policy</a>
		</div>
		<div class="footer_nav">
			<ul>
				<li><a href="index.html">home</a></li>
				<li><a href="services.html">services</a></li>
				<li><a href="portfolio.html">portfolio</a></li>
				<li><a href="about.html">about</a></li>
				<li><a href="archives.html">archives</a></li>
				<li><a href="#" class="active">contact</a></li>
			</ul>
		</div>
	</div>
</div>


</body>
</html>